<template>
	<view class="loginForm">
		<input v-model="user_Data" :placeholder="user_placeholderData" />
		<input v-model="pwd_Data" :placeholder="pwd_placeholderData" password/>
		<u18btn h="80rpx" r="10rpx" :bc="'green'" :fc="'#fff'" style="margin:40rpx auto;" @handleClick="login">登录</u18btn>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	import u18btn from '/components/18btn.vue'
	const emit = defineEmits({ handleLogin:(e)=>{
		
	}})
	const props = defineProps({
		user_placeholderData:String,
		pwd_placeholderData:String,
	})
	const user_placeholderData = ref("")
	const pwd_placeholderData = ref("")
	const pwd_Data = ref("")
	const user_Data = ref("")
	user_placeholderData.value = props.user_placeholderData
	pwd_placeholderData.value = props.pwd_placeholderData
	function login(e){
		emit("handleLogin",[user_Data.value,pwd_Data.value])
		console.log(e,pwd_Data.value,user_Data.value)
	}
</script>

<style lang="scss">
	.loginForm{
		margin:100rpx auto;
		width:90%;
		// border:1px solid #ccc;
		&>input{
			margin:40rpx 0;
			padding:0 20rpx;
			height:80rpx;
			border:2rpx solid #ccc;
			border-radius:10rpx;
		}
	}
</style>